<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>综合案例-ATM存取款机</title>
</head>

<body>
  <script>
    // 综合案例 - ATM存取款机

    // 1. 定义变量 操作钱的
    let money = 100

    // 2. 无限循环
    while (true) {
      // 2.1 弹窗让用户输入数字
      let num = +prompt(`
        请选择您的操作:
        1. 取款
        2. 存款
        3. 查看余额
        4. 退出
      `)
      // 2.2 根据用户输入的值, 进行不用的操作
      if (num === 1) {
        // 2.2.1 输入取款的金额
        let qu = +prompt('请输入取款金额: ')
        money -= qu
      } else if (num === 2) {
        // 2.2.2 输入存款金额
        let cun = +prompt('请输入存款金额: ')
        money += cun
      } else if (num === 3) {
        // 2.2.3 查看余额
        alert(`您银行卡的余额: ${money}元`)
      } else if (num === 4) {
        document.write(`滴，您的银行卡余额为: ${money}元，请节约消费`)
        break
      } else {
        alert('输入的指令无效,请重新输入')
      }
    }
  </script>
</body>

</html>